window.onload = function () {
  //注意：导航 依赖 element 模块，否则无法进行功能性操作
  //JS
  layui.use(['element', 'layer', 'util', 'form', 'jquery'], function () {
    var { element, layer, util, util, $, form } = layui;
    //头部事件
    util.event('lay-header-event', {
      //左侧菜单事件
      menuLeft: function (othis) {
        layer.msg('展开左侧菜单的操作', {
          icon: 0,
        });
      },
      menuRight: function () {
        layer.open({
          type: 1,
          content: '<div style="padding: 15px;">处理右侧面板的操作</div>',
          area: ['260px', '100%'],
          offset: 'rt', //右上角
          anim: 5,
          shadeClose: true,
        });
      },
    });
    //监听提交
    form.on('submit(navForm)', function (data) {
      layer.msg(JSON.stringify(data.field));
      // 表单发起请求
      console.log(data.field);
      $.ajax({
        type: 'post',
        url: '/admin/nav/insert',
        data: data.field,
        dataType: 'json',
        success: res => {
          var { code, msg } = res;
          if (code == 1) {
            // 添加成功
            // 弹出层提示
            layer.open({
              title: msg,
              icon: 1,
              type: 0,
              content: msg,
            });
          } else {
            // 添加成功
            // 弹出层提示
            layer.open({
              title: msg,
              icon: 2,
              type: 0,
              content: msg,
            });
          }
        },
      });
      return false;
    });
  });
};
